home *** CD-ROM | disk | FTP | other *** search
/ PC Users 1999 April / Cd Pc Users extra 19 abril 1999.iso / Prog / Inst / Js02 / js02.exe / js / animdivopt.js < prev    next >
Encoding:
Text File  |  1999-01-12  |  7.5 KB  |  168 lines
  1. function Anim_DivOpt(signe_browser,NbDiv){
  2.     var meja=null;
  3.     var IMGANIM='';
  4.     var IMGANIMNav1='';
  5.  
  6.     IMGANIM  ='<HTML>  \n';   
  7.     IMGANIM +='<HEAD><TITLE>Visual JavaScript:Layer Animation </TITLE>  \n';   
  8.     IMGANIM +='<LINK REL=STYLESHEET TYPE="text/css" HREF="../style/snm_style_jsonline_ie.sty">  \n';  
  9.  
  10.  
  11.     IMGANIM +='<STYLE TYPE="text/css">  \n'; 
  12.     IMGANIM +='BODY {background: url(../image/snm_bgsawo.jpg); background-position: -120 0;}  \n'; 
  13.     IMGANIM +='</STYLE>  \n'; 
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.     IMGANIM +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/initv01.js"></SCRIPT>  \n';   
  21.     IMGANIM +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/browser01.js"></SCRIPT>  \n';    
  22.     IMGANIM +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/objvisv01.js"></SCRIPT>  \n';   
  23.     IMGANIM +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/objvaluev01.js"></SCRIPT>  \n';
  24.     IMGANIM +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/screenv01.js"></SCRIPT>  \n';  
  25.     IMGANIM +='<SCRIPT LANGUAGE="JavaScript" SRC="../js/animdivoptgo.js"></SCRIPT>  \n';   
  26.     IMGANIM +='<SCRIPT LANGUAGE="JavaScript">  \n';   
  27.     IMGANIM +='var nbrowser=-1;  \n';   
  28.     IMGANIM +='function showpage(){  \n';   
  29.     IMGANIM +='    nbrowser=-1;  \n';   
  30.     IMGANIM +='    get_browser();  \n';   
  31.     IMGANIM +='    if (browser.name ==  "Microsoft Internet Explorer")   nbrowser=1;  \n';   
  32.     IMGANIM +='    if (browser.name ==  "Navigator Netscape") nbrowser=0;  \n';   
  33.     IMGANIM +='    Obj_Vis(nbrowser,1,"CONTENT","inherit");  \n';   
  34.     IMGANIM +='}  \n';   
  35.  
  36.  
  37.     IMGANIM +='var NameId;  \n';   
  38.     IMGANIM +='var NumberId=0;  \n';   
  39.     IMGANIM +='var LeftPos=0;  \n';   
  40.     IMGANIM +='var TopPos=0;  \n';   
  41.     IMGANIM +='var NbDiv='+NbDiv+';  \n';   
  42.     IMGANIM +='var TimeOutId=0;  \n';   
  43.  
  44.  
  45.     IMGANIM +='var DivText=new initArray();  \n';   
  46.     IMGANIM +='function go_preview1(){  \n';  
  47.     var NbDiv1=NbDiv+5; 
  48.     for (var j=0; j < NbDiv1; j++){
  49.         var l=j+1;
  50.         IMGANIM +='    Obj_Value(nbrowser,4,"CONTENT","optionanimdivopt'+l+'-1","opt'+l+'");  \n';   
  51.         IMGANIM +='    DivText['+l+'] =Value_Obj_Value;  \n';   
  52.     }
  53.  
  54.     IMGANIM +='    NameId=DivText[1];  \n';   
  55.     IMGANIM +='    NumberId=eval(DivText[2]);  \n';   
  56.     IMGANIM +='    LeftPos=eval(DivText[3]);  \n';   
  57.     IMGANIM +='    TopPos=eval(DivText[4]);  \n';   
  58.     IMGANIM +='    TimeOutId=eval(DivText[5]);  \n';  
  59.  
  60.     IMGANIM +='    Anim_DivOptGo(nbrowser,NbDiv,NameId,NumberId,LeftPos,TopPos,TimeOutId);  \n';   
  61.     IMGANIM +='}  \n';   
  62.     IMGANIM +='</SCRIPT>  \n';   
  63.     IMGANIM +='</HEAD>  \n';   
  64.     IMGANIM +='<BODY>  \n';    
  65.     IMGANIM +='<DIV ID=CONTENT>  \n';   
  66.     
  67.  
  68.     IMGANIMNav1  ='    <DIV ID=optionanimdivopt1 STYLE="position:absolute; color:white; layer-background-color:#84A5B5 ; background:#84A5B5; border-width:0.1; width:300; height:28; TOP:0; LEFT:0; font:10pt tahoma; color:#0099CC; text-align:left; font-weight:bold;"><P CLASS=JSONLINE>ID:</P></DIV>  \n ';    
  69.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt1-1 STYLE="position:absolute; TOP:0; LEFT:160;">  \n ';    
  70.     IMGANIMNav1 +='        <FORM Name=opt1>  \n ';    
  71.     IMGANIMNav1 +='            <INPUT Name=display value="MyAnimLayer5" size=15 >  \n ';    
  72.     IMGANIMNav1 +='        </FORM>  \n ';    
  73.     IMGANIMNav1 +='    </DIV>  \n ';    
  74.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt2 STYLE="position:absolute; color:white; layer-background-color:#84A5B5 ; background:#84A5B5; border-width:0.1; width:300; height:28; TOP:30; LEFT:0; font:10pt tahoma; color:#0099CC; text-align:left; font-weight:bold;"><P CLASS=JSONLINE>NUMBER OF ID:</P></DIV>  \n ';    
  75.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt2-1 STYLE="position:absolute; TOP:30; LEFT:160;">  \n ';    
  76.     IMGANIMNav1 +='        <FORM Name=opt2>  \n ';    
  77.     IMGANIMNav1 +='            <INPUT Name=display value="5" size=15 >  \n ';    
  78.     IMGANIMNav1 +='        </FORM>  \n ';    
  79.     IMGANIMNav1 +='    </DIV>  \n ';    
  80.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt3 STYLE="position:absolute; color:white; layer-background-color:#84A5B5 ; background:#84A5B5; border-width:0.1; width:300; height:28; TOP:60; LEFT:0; font:10pt tahoma; color:#0099CC; text-align:left; font-weight:bold;"><P CLASS=JSONLINE>LEFT POS:</P></DIV>  \n ';    
  81.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt3-1 STYLE="position:absolute; TOP:60; LEFT:160;">  \n ';    
  82.     IMGANIMNav1 +='        <FORM Name=opt3>  \n ';    
  83.     IMGANIMNav1 +='            <INPUT name=display value="100" size=15 >  \n ';    
  84.     IMGANIMNav1 +='        </FORM>  \n ';    
  85.     IMGANIMNav1 +='    </DIV>  \n ';    
  86.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt4 STYLE="position:absolute; color:white; layer-background-color:#84A5B5 ; background:#84A5B5; border-width:0.1; width:300; height:28; TOP:90; LEFT:0; font:10pt tahoma; color:#0099CC; text-align:left; font-weight:bold;"><P CLASS=JSONLINE>TOP POS:</P></DIV>  \n ';    
  87.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt4-1 STYLE="position:absolute; TOP:90; LEFT:160;">  \n ';    
  88.     IMGANIMNav1 +='        <FORM Name=opt4>  \n ';    
  89.     IMGANIMNav1 +='            <INPUT name=display value="50" size=15 >  \n ';    
  90.     IMGANIMNav1 +='        </FORM>  \n ';    
  91.     IMGANIMNav1 +='    </DIV>  \n ';        
  92.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt5 STYLE="position:absolute; color:white; layer-background-color:#84A5B5 ; background:#84A5B5; border-width:0.1; width:300; height:28; TOP:120; LEFT:0; font:10pt tahoma; color:#0099CC; text-align:left; font-weight:bold;"><P CLASS=JSONLINE>TIMEOUT IN MS</P></DIV>  \n ';    
  93.     IMGANIMNav1 +='    <DIV ID=optionanimdivopt5-1 STYLE="position:absolute; TOP:120; LEFT:160;">  \n ';    
  94.     IMGANIMNav1 +='        <FORM Name=opt5>  \n ';    
  95.     IMGANIMNav1 +='            <INPUT name=display value="300" size=15 >  \n ';    
  96.     IMGANIMNav1 +='        </FORM>  \n ';    
  97.     IMGANIMNav1 +='    </DIV>  \n ';    
  98.  
  99.  
  100.  
  101.     for (var j=0; j < NbDiv; j++){
  102.         var l=5+j+1;
  103.         var ll=j+1;
  104.         var ytop=j*30+150;
  105.         IMGANIMNav1 +='    <DIV ID=optionanimdivopt'+l+' STYLE="position:absolute; color:white; layer-background-color:#84A5B5 ; background:#84A5B5; border-width:0.1; width:300; height:28; TOP:'+ytop+'; LEFT:0; font:10pt tahoma; color:#0099CC; text-align:left; font-weight:bold;"><P CLASS=JSONLINE>DIV '+l+':</P></DIV>  \n ';   
  106.         IMGANIMNav1 +='    <DIV ID=optionanimdivopt'+l+'-1 STYLE="position:absolute; TOP:'+ytop+'; LEFT:50;">  \n ';   
  107.         IMGANIMNav1 +='        <FORM Name=opt'+l+'>  \n ';   
  108.         IMGANIMNav1 +='            <INPUT Name=display value="Layer '+ll+'" size=25 >  \n ';   
  109.         IMGANIMNav1 +='        </FORM>  \n ';   
  110.         IMGANIMNav1 +='    </DIV>  \n ';   
  111.     }
  112.  
  113.  
  114.     var ytop=150+NbDiv*30;
  115.     IMGANIMNav1 +='    <DIV ID=optionanimdivoptgo STYLE="position:absolute; color:white; layer-background-color:#84A5B5 ; background:#84A5B5; border-width:0.1; width:300; height:28; TOP:'+ytop+'; LEFT:0; font:10pt tahoma; color:#0099CC; text-align:left; font-weight:bold;"><P CLASS=JSONLINE>Go To Preview:</P></DIV>  \n ';   
  116.     IMGANIMNav1 +='    <DIV ID=optionanimdivoptgo1 STYLE="position:absolute; TOP:'+ytop+'; LEFT:250;">  \n ';   
  117.     IMGANIMNav1 +='        <FORM Name=mybutton>  \n ';   
  118.     IMGANIMNav1 +='            <INPUT Type=button name=display OnClick="go_preview1(); return false;" value="GO">  \n ';   
  119.     IMGANIMNav1 +='        </FORM>  \n ';   
  120.     IMGANIMNav1 +='    </DIV>  \n ';
  121.  
  122.     IMGANIM +=IMGANIMNav1;  
  123.     
  124.  
  125.  
  126.  
  127.     IMGANIM +='</DIV>  \n';   
  128.     IMGANIM +='</BODY>  \n';   
  129.     IMGANIM +='</HTML>  \n';   
  130.     IMGANIM +='<SCRIPT>var tc=showpage();</SCRIPT>  \n';   
  131.  
  132.  
  133.  
  134.     if (signe_browser==1){
  135.  
  136.         
  137.         parent.frames[1].document.write(IMGANIM);
  138.         parent.frames[1].document.close();
  139.         
  140.     }
  141.  
  142.     if (signe_browser==0){
  143.  
  144.  
  145.         Obj_Vis(nbrowser,1,'CONTENT','hidden');
  146.  
  147.         
  148.         document.CONTENTDIV.document.open();
  149.         document.CONTENTDIV.document.write(IMGANIMNav1);
  150.         document.CONTENTDIV.document.close();
  151.  
  152.         Obj_Vis(nbrowser,1,'CONTENTDIV','inherit');
  153.  
  154.  
  155.  
  156.  
  157.  
  158.     }
  159.  
  160. }
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.